<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><!-- 这行代码将自动适应手机端 -->

	<title>表单和图片</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body style="margin:50px">
<!-- <form class="form-inline"> --><!-- 内联表单，让所有表单元素居于一行 -->
<form >
<div class="form-group">
	<label>电子邮件</label>
	<input type="email" name="" class="form-control"
	placeholder="请输入你的邮箱" >
</div>
    <div class="form-group">
    <label>密码</label>
	<input type="password" name="" class="form-control" placeholder="密码">	
    </div>
    <div  class="input-group">
    <div class="input-group-addon">￥</div>
    	<input type="text" name="" class="form-control" placeholder="请输入价格">
   </div>
 
</form>
<form  class="form-horizontal">
<div class="form-group has-success has-feedback">
	<label class="col-sm-2 control-label">电子邮件</label>
	<div class="col-sm-10">
		<input type="email" name="" class="form-control"
	placeholder="请输入你的邮箱" >
	<span class="glyphicon glyphicon-ok form-control-feedback"></span>
	</div>
	
</div>
    <div class="form-group has-feedback">
    <label class="col-sm-2 control-label">密码</label>
    <div class="col-sm-10">
    	<input type="password" name="" class="form-control" placeholder="密码">
    	<span class="glyphicon-warning-sign form-control-feedback"></span>
    </div>
		
    </div>
    <div  class="input-group">
    <div class="input-group-addon">￥</div>
    	<input type="text" name="" class="form-control" placeholder="请输入价格">
   </div>
   <div class="checkbox ">
   	<label>
	<input type="checkbox" name="">付小娟
</label>
   </div>
<div class="checkbox disabled">
	<label>
   	<input type="checkbox" name="" disabled>杨小剑
   </label>
   
</div>
   
 <label class="checkbox-inline">
	<input type="checkbox" name="">付小娟
</label>
 <label class="checkbox-inline">
   	<input type="checkbox" name="" disabled>杨小剑
   </label>
   <label class="radio-inline">
   	<input type="radio" name="">男
   </label>

   <select class="form-control">
        <option>1</option>
   	 	<option>2</option>
   	 	<option>3</option>
   	 	<option>4</option>

   </select>
</form>


<script type="text/javascript" src="jquery/jquery-3.1.0.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>